<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>#{bundles.i18n.default_title}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<h:outputStylesheet name="css/main.css" />
</h:head>
<h:body>
	<p:growl id="messages" autoUpdate="true" />
	    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <p:commandLink action="pretty:home" process="@this" styleClass="brand logo"><p:graphicImage value="/resources/gfx/woupla.png" /></p:commandLink>
          <div class="nav-collapse collapse pull-right">
            <ul class="nav">
              <li class="active">
              	<p:commandLink action="pretty:home" process="@this">
              		<p:graphicImage value="/resources/gfx/logo-home-min.png" />
              		#{bundles.i18n.home}
              	</p:commandLink>
              </li>
              <li>
  				<h:form styleClass="navbar-form" id="connectionForm">
					<p:panel id="connectionPanel" style="border:0px;">
						<p:inputText id="pseudo" value="#{credentials.username}"
						label="Pseudo" required="true" title="Pseudo" />
						<p:watermark for="pseudo" value="Pseudo" /> 
						<p:inputText id="pwd" value="#{credentials.password}"
							label="PassWord" required="true" title="#{bundles.i18n.password}" />
						<p:watermark for="pwd" value="#{bundles.i18n.password}" /> 
						<p:commandButton id="connect" value="#{bundles.i18n.connectpanel_connexion}"
							action="#{identity.login}" process=":connectionForm"
							update="connectionPanel" />
					</p:panel>
				</h:form>
              </li>
              <li class="header-separator"><p:graphicImage value="/resources/gfx/separator-header.png" /></li>
              <li class="header-separator"><p:graphicImage value="/resources/gfx/logo-facebook.png" /></li>
              <li class="header-separator"><p:graphicImage value="/resources/gfx/logo-twitter.png" /></li>
             </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <div class="container">
    	<div id="new-content">
		<ui:insert name="content">
                   [Template content will be inserted here]
        </ui:insert>
        <div style="clear:both;"></div>
        </div>
    </div> <!-- /container -->

	      <footer>
		  <div class="footer-inner">
		  		  <div class="pull-right">
			<p>&copy; Woupla 2013</p>
		  </div>
		  <div class="container">
		  <a href="" title="Contact">Contact</a>
		  </div>
		</div>
      </footer>
</h:body>
</html>
